<template>
  <div>
    <h3>组合式Api使用</h3>
    <div>{{ name }}</div>
  </div>
</template>

<script>
export default {
  // setup它是组合式api入口配置
  // setup它是一个函数，它要返回一个json对象，对象可以直接在template模板中使用
  // 参数1：props用于获取props数据
  // 参数2：context对象，它里面有 attrs、emit、slots、expose，它相当于提供了实例中部份方法
  // setup它是在beforeCreate之前执行，this不能使用，this为undefined
  setup(props, context) {
    const name = '张三'
    console.log('props', props)
    console.log('context', context)

    return {
      name
    }
  }
}
</script>

<style lang="scss"></style>
